{include file="comm/left"}
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>商品分类</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="">
                        <a onclick="fnClickAddRow();" href="{:url('index/classifys/add')}" class="btn btn-primary ">添加商品分类</a>
                    </div>
                    <table class="table table-striped table-bordered table-hover dataTables-example"  style="text-align: center">
                        <thead>
                        <tr>
                            <th  style="text-align: center;">编号</th>
                            <th style="text-align: center">商品分类</th>
                            <th style="text-align: center">商品排序</th>
                            <th style="text-align: center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        {volist name="data" id="data"}
                        <tr class="gradeX" >
                            <td>{$key+1}</td>
                            <td>{$data.name}</td>
                            <td>{$data.sort}</td>
                            <td width="25%">
                                <a  href="__URL__/mod/id/{$data.id}" class="btn btn-info "><i class="fa fa-paste"></i> <span class="bold">修改</span></a>
                                <a  href="__URL__/del/id/{$data.id}" onclick="return confirm('您确定删除吗？')" class="btn btn-warning "><i class="fa fa-warning"></i><span class="bold">删除</span></a>
                            </td>
                        </tr>
                        {/volist}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__STATIC__/js/jquery.min.js?v=2.1.4"></script>
<script src="__STATIC__/js/bootstrap.min.js?v=3.3.5"></script>
<script src="__STATIC__/js/plugins/jeditable/jquery.jeditable.js"></script>
<script src="__STATIC__/js/plugins/dataTables/jquery.dataTables.js"></script>
<script src="__STATIC__/js/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="__STATIC__/js/content.min.js?v=1.0.0"></script>
<script>
    $(document).ready(function(){$(".dataTables-example").dataTable();var oTable=$("#editable").dataTable();oTable.$("td").editable("../example_ajax.php",{"callback":function(sValue,y){var aPos=oTable.fnGetPosition(this);oTable.fnUpdate(sValue,aPos[0],aPos[1])},"submitdata":function(value,settings){return{"row_id":this.parentNode.getAttribute("id"),"column":oTable.fnGetPosition(this)[2]}},"width":"90%","height":"100%"})});function fnClickAddRow(){$("#editable").dataTable().fnAddData(["Custom row","New row","New row","New row","New row"])};
</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>

</body>